/**
* 贴心关怀
* @author truexin
* @date   16/08/18
*/
@import "../common/ui";

.love-care {
    p {
        padding: 0;
        margin: 0;
    }
    .data {
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    .type {
        position: relative;
        width: 50%;
        line-height: .5rem;
        margin-bottom: 0;
        color: #006699;
        font-size: .14rem;
        &:nth-child(even) {
            text-align: right;
            padding-right: .25rem;
        }
        &:nth-child(odd) {
            padding-left: .25rem;
        }

        i {
            position: absolute;
            bottom: .25rem;
            font-size: .15rem;
            &.mui-icon-arrowthinup {
                color: #ff3300;
            }
            &.mui-icon-arrowthindown {
                color: #ff3300;
            }

        }
    }
    .title {
        height: .52rem;
        line-height: .52rem;
        padding-top: 0;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        font-size: .15rem;
        color: #6f6f6f;
    }
    .name {
        font-size: .16rem;
        color: #222;
    }
    .active {
        color: #ff3300;
    }
    .tips {
        padding: .25rem;
        p {
            padding-top: .1rem;
            text-align: justify;
            font-size: .15rem;
            color: #6f6f6f;
            line-height: .2rem;
        }
    }
    .sendList {
        margin-top: .25rem;
    }
    .sending.mui-table-view-cell {
        padding: 0;
        border-bottom: none;
        font-size: .15rem;
        color: #6f6f6f;

        &:last-child::after{
            height: 1px;
        }
        p {
            padding: 0;
            font-size: .15rem;
            &:first-child {
                flex: 4;
                line-height: .5rem;
            }
            &:last-child {
                flex: 1;
                line-height: .3rem;
                background: #3fd0db;
                text-align: center;
                color: #fff;
                &.sent {
                    background: #d7d7d7;
                    border-bottom: 1px solid #d7d7d7;
                }
            }
        }
    }
    .send-btns {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        ul {
            margin: 0;
            padding: 0;
            &::after {
                display: block;
                content: "";
                clear: both;
            }
        }
        li {
            height: .5rem;
            list-style: none;
            float: left;
            background: #fff;
            &:first-child {
                width: 80%;
                position: relative;
                input {
                    background: #eaeaea;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    border-radius: 0;
                    border: none;
                }
            }

            &:last-child {
                width: 20%;
                button {
                    padding: 0 0 0 .05rem;
                    &::after {
                        font-size: .25rem;
                        font-family: 'property-report';
                        content: '\e657';
                        color: #fff;
                        line-height: .3rem;
                    }
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    background: #3fd0db;
                    border-radius: 0;
                    border: none;
                }
            }
        }
    }
}